@charset "UTF-8";

html { color: #666666; }



:root { scroll-behavior: unset; }



ul { padding-left: 0; margin-bottom: 0; }

ul li { list-style: none; }

ul li::marker { display: none; }



p { margin: 0; }



.img-cover-4by3 { height: 0; width: 100%; padding-bottom: 75%; overflow: hidden; position: relative; }



.img-cover-3by2 { height: 0; width: 100%; padding-bottom: 66.667%; overflow: hidden; position: relative; }



.img-cover img { max-width: 100%; max-height: 100%; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }



.abs-center { margin: auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute; }



.over-line-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }



.over-line-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }



.text-justify { text-align: justify !important; text-align-last: justify; }



.object-fit-cover { -o-object-fit: cover; object-fit: cover; }



.object-fit-contain { -o-object-fit: contain; object-fit: contain; }



.object-fit-scaleDown { -o-object-fit: scale-down; object-fit: scale-down; }



a:focus { outline: none; }



.ratio-2x3 { --bs-aspect-ratio: calc(2 / 3 * 100%); --mdb-aspect-ratio: calc(3 / 3 * 100%); }



.ratio-3x2 { --bs-aspect-ratio: calc(3 / 2 * 100%); --mdb-aspect-ratio: calc(3 / 2 * 100%); }



.ratio-3x4 { --bs-aspect-ratio: calc(4 / 3 * 100%); --mdb-aspect-ratio: calc(4 / 3 * 100%); }



.ratio-8x3 { --mdb-aspect-ratio: calc(3 / 8 * 100%); --bs-aspect-ratio: calc(3 / 8 * 100%); }



.vertical-txt { writing-mode: vertical-rl; }



.nopic { background-color: #f8f8f8; color: #bcbcbc; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }



.nopic p:nth-child(1) { font-size: 130%; }



/*滚动条样式*/

@media screen and (-webkit-min-device-pixel-ratio: 0) { ::-webkit-scrollbar { width: 5px; height: 8px; }

  ::-webkit-scrollbar-track:enabled { background-color: #999999; }

  ::-webkit-scrollbar-thumb:vertical { background-color: var(--theme-color); border-radius: 30px; }

  ::-webkit-scrollbar-thumb:horizontal { background-color: var(--theme-color); border-radius: 30px; } }

.m-scroll::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 3px; }



.m-scroll::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow: inset 0 0 2.5px rgba(0, 0, 0, 0.1); background: var(--theme-red); }



.m-scroll::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow: inset 0 0 2.5px rgba(0, 0, 0, 0.1); border-radius: 5px; background: #ededed; }



a { color: #333333; text-decoration: none; }

a:hover { text-decoration: none; color: var(--theme-color); }

a:focus { outline: none !important; }



.de-page-mian .page-inner { padding: 1.5rem 0; display: flex; align-items: center; justify-content: center; }

.de-page-mian .page-inner a { position: relative; display: block; padding: .5rem .75rem; line-height: 1.25; color: #666; background-color: #e2e2e2; margin: 2px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.de-page-mian .page-inner a:hover, .de-page-mian .page-inner a.active { background-color: var(--theme-color); color: #fff; }

.de-page-mian .page-inner a.prev::after { content: '<'; font-family: "宋体",SimSun; color: CurrentColor; font-weight: bold; }

.de-page-mian .page-inner a.next::after { content: '>'; font-family: "宋体",SimSun; color: CurrentColor; font-weight: bold; }

.de-page-mian .page-inner span, .de-page-mian .page-inner input, .de-page-mian .page-inner a.page-btn { display: none; }